<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cart-ui</title>

	<link rel="stylesheet" type="text/css" href="/gmlib/reset/1.1.0/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/gmpro/1.0.0/cart/1.0.0/css/cart-ui.css" />
     <link rel="stylesheet" type="text/css" href="/gmpro/1.0.0/cart/1.0.0/css/i/sprite.css" />
    <link rel="stylesheet" type="text/css" href="/??/gmpro/1.0.0/cart/1.0.0/css/common.css"/>
    <!--基础js-->
    <script src="/??/gmlib/jq/1.7.1/jquery.js,gmpro/1.0.0/cart/1.0.0/js/common/cart-ui.min.js"></script>
</head>
<body style="width:990px;margin:auto;">
	<br>
	<h1>按钮</h1>
	<br>
	<a href="javascript:void 0" class="btn btn-primary btn-w83">btn-w83</a>
	<a href="javascript:void 0" class="btn btn-default btn-w83">btn-w83</a>
	<a href="javascript:void 0" class="btn btn-default ">btn-default</a>
	<a href="javascript:void 0" class="btn btn-default btn-sm">btn-default btn-sm</a>
	<a href="javascript:void 0" class="btn btn-disabled">btn-disabled</a>
	<a href="javascript:void 0" class="btn btn-primary btn-large">btn-primary btn-large</a>
	<a href="javascript:void 0" class="btn btn-primary btn-large btn-disabled">btn-primary btn-large btn-disabled</a>
	<br>
	<br>
	<h1>可选择按钮</h1>
	<br>
	<a href="javascript:void 0" class="btn btn-check">可选择按钮</a>
	<a href="javascript:void 0" class="btn btn-check btn-checked">选中<i class="c-i chose_icon"></i></a>
	<a href="javascript:void 0" class="btn btn-check btn-checked mw120" >min-width120<i class="c-i chose_icon"></i></a>
	<a href="javascript:void 0" class="btn btn-check mw150" >min-width150</a>
	<a href="javascript:void 0" class="btn btn-check btn-disabled mw150" >min-width150</a>
	<br>
	<h1>下拉框</h1>
	<br>
	<div class="g-select">
		<a href="javascript:void(0)">
			跟随文字自适应的下拉框
			<i class="c-i select_arrowup"></i>
		</a>
		<ul>
			<li>选项1</li>
			<li>选项2</li>
			<li>选项3</li>
		</ul>
	</div>
	<div class="g-select">
		<a href="javascript:void(0)">
			请选择
			<i class="c-i select_arrowup"></i>
		</a>
		<ul>
			<li>选项1</li>
			<li class="selected">选项2</li>
			<li>选项3</li>
		</ul>
	</div>
	<div class="g-select">
		<a href="javascript:void(0)" class="block" style="width:100px">
			<i class="c-i select_arrowup"></i><!--兼容IE7浏览器 i必须写前面-->
			请选择
		</a>
		<ul>
			<li>选项1</li>
			<li class="selected">固定宽度的下拉框</li>
			<li>选项3</li>
		</ul>
	</div>
	<div style="height:100px"></div>
	<br>
	<h1>输入框</h1>
	<br>
	<input type="text" class="form-control">
	<div class="clearfix">
		
	<div style="width:200px;float:left"><input type="text" class="form-control"></div>
	<div style="width:200px;float:left"><input type="text" class="form-control"></div>
	</div>
	<br>
	<h1>出错情况下</h1>
	<div>
		<input type="text" class="form-control error">
	</div>
	<h1>输入框组</h1>
	<br>
	<div class="input-group" style="width:400px;margin:auto">
		<input type="text" class="form-control r-no-radius">
		<a href="javascript:void 0" class="btn btn-primary l-no-radius">btn</a>
	</div>
	<br>
	<div class="input-group" style="width:400px;margin:auto">
		<a href="javascript:void 0" class="btn btn-default r-no-radius">btn</a>
		<input type="text" class="form-control l-no-radius">
	</div>
	<br>
	<div class="input-group" style="width:400px;margin:auto">
		<input type="text" class="form-control sm r-no-radius" placeholder="小输入框">
		<a href="javascript:void 0" class="btn btn-default sm l-no-radius">btn</a>
	</div>
	<h1>弹窗</h1>
	<div class="g-panel box-sd2">
	<i class="c-i closebtn-new fr"></i>
	<div class="body">
		<div class="icon i-block">
			<i class="c-i panel-warn"></i>
		</div>
		<div class="content i-block">
			this is conent的萨克拉放假了卡死饭卡三季度疯狂拉升的就发了卡死的就的疯狂啦看
		</div>
		<div class="i-block" style="vertical-align: middle;width:1px;min-height:1px;"></div>
	</div>
</div>
	<br>
<div class="g-panel box-sd2">
	<i class="c-i closebtn-new fr"></i>
	<div class="body">
		<div class="icon i-block">
			<i class="c-i panel-warn"></i>
		</div>
		<div class="content i-block">
			this is conent
		</div>
		<div class="i-block" style="vertical-align: middle;width:1px;min-height:1px;"></div>
	</div>
</div>
<br>
<div class="g-panel box-sd2 confirm">
	<i class="c-i closebtn-new fr"></i>
	<div class="body">
		<div class="icon i-block">
			<i class="c-i panel-warn"></i>
		</div>
		<div class="content i-block">
			<h3>弹框标题</h3>
			您的收货人信息已超过20条，我们讲替换您最早的一条收货信息!
		</div>
		<div class="i-block" style="vertical-align: middle;width:1px;min-height:1px;"></div>
	</div>
	<div class="btns">
		<a href="javascript:;" class="btn-default btn">DFASDFAS</a>
		<a href="javascript:;" class="btn-primary btn">DFASDFAS</a>
	</div>
</div>
	<br>
	<br>
	<br>
	<br>
	<br>
</body>
</html>